<!doctype html>
<html>
<head>
    <meta charset="utf-8">
</head>

<body>
<div class="container" style="margin-top:15px">
    <div role="tabpanel">

        <!-- Nav tabs -->
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#latest" aria-controls="latest" role="tab"
                                                      data-toggle="tab">最新</a></li>
            <li role="presentation"><a href="#newsAll" aria-controls="newsAll" role="tab" data-toggle="tab">新闻</a></li>
            <li role="presentation"><a href="#notices" aria-controls="notices" role="tab" data-toggle="tab">公告</a></li>
            <li role="presentation"><a href="#activitys" aria-controls="activitys" role="tab" data-toggle="tab">活动</a>
            </li>
        </ul>

        <!-- Tab panes -->
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="latest">
                <ul class="list-group">
                    <li class="list-group-item"><a href="#">最新Cras justo odio</a></li>
                    <li class="list-group-item"><a href="#">最新Cras justo odio</a></li>
                    <li class="list-group-item"><a href="#">最新Cras justo odio</a></li>
                    <li class="list-group-item"><a href="#">最新Cras justo odio</a></li>
                    <li class="list-group-item"><a href="#">最新Cras justo odio</a></li>
                </ul>
            </div>
            <div role="tabpanel" class="tab-pane" id="newsAll">
                <ul class="list-group">
                    <li class="list-group-item"><a href="#">新闻Cras justo odio</a></li>
                    <li class="list-group-item"><a href="#">新闻Cras justo odio</a></li>
                    <li class="list-group-item"><a href="#">新闻Cras justo odio</a></li>
                    <li class="list-group-item"><a href="#">新闻Cras justo odio</a></li>
                    <li class="list-group-item"><a href="#">新闻Cras justo odio</a></li>
                </ul>
            </div>
            <div role="tabpanel" class="tab-pane" id="notices">
                <ul class="list-group">
                    <li class="list-group-item"><a href="#">公告Cras justo odio</a></li>
                    <li class="list-group-item"><a href="#">公告Cras justo odio</a></li>
                    <li class="list-group-item"><a href="#">公告Cras justo odio</a></li>
                    <li class="list-group-item"><a href="#">公告Cras justo odio</a></li>
                    <li class="list-group-item"><a href="#">公告Cras justo odio</a></li>
                </ul>
            </div>
            <div role="tabpanel" class="tab-pane" id="activitys">
                <ul class="list-group">
                    <li class="list-group-item"><a href="#">活动Cras justo odio</a></li>
                    <li class="list-group-item"><a href="#">活动Cras justo odio</a></li>
                    <li class="list-group-item"><a href="#">活动Cras justo odio</a></li>
                    <li class="list-group-item"><a href="#">活动Cras justo odio</a></li>
                    <li class="list-group-item"><a href="#">活动Cras justo odio</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
</div>
</body>
</html>
